<template>
	<view class="box">
		<view class="baotou">
			<uv-alert type="warning" description="打开系统通知,H币入账等消息不容错过" closable></uv-alert>
		</view>

		<view class="xia">
			<div class="xx">
				<image src="../../shixun2-image/xitong.png" mode=""></image>
				<view @click="xtxx">系统消息</view>
			</div>

			<div class="xx">
				<image src="../../shixun2-image/wenzhen.png" mode=""></image>

				<view @click="goToInterrogation">问诊消息</view>
			</div>

			<div class="xx">
				<image src="../../shixun2-image/Hbi.png" mode=""></image>

				<view @click="ruzhang">H币入账消息</view>
			</div>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			// H币入账消息
			ruzhang() {
				uni.navigateTo({
					url: '/pages/ReceiptMessage/ReceiptMessage'
				})
			},
			// 系统消息跳转
			xtxx() {
				uni.navigateTo({
					url: '/pages/SystemMessage/SystemMessage'
				})
			},
			goToInterrogation() {
				uni.navigateTo({
					url: "/pages/InterrogationPage/InterrogationPage"
				})
			}

		}
	}
</script>

<style>
	.baotou {
		width: 100vw;
		height: 80rpx;
		background-color: #ccc;
		line-height: 80rpx;
	}

	.tou {
		width: 95vw;
		height: 65rpx;
		background-color: #fff;
		padding-top: 10rpx;
		border-radius: 10rpx;
		margin-left: 20rpx;
		display: flex;
		line-height: 65rpx;
		justify-content: space-around;
	}

	.tou button {
		width: 100rpx;
		height: 50rpx;
		background-color: #55aaff;
		line-height: 50rpx;
		font-size: 12px;
		color: #fff;
		border-radius: 15rpx;
		margin-left: 35rpx;
		margin-top: 5rpx;

	}

	.zi {
		margin-left: 20rpx;
	}

	.cuo {
		margin-left: 10rpx;
	}

	.xia image {
		width: 60rpx;
		height: 60rpx;
		margin-left: 30rpx;
	}


	.xx {
		display: flex;
		border-bottom: 1px solid #ccc;
		margin-top: 50rpx;

	}

	.xx view {
		margin-left: 30rpx;
	}
</style>